*{
    margin: 0px;
    padding: 0px;
}
.container{
    width: 700px;
    height: auto;
    margin: 0px auto;
}
pre{
    font-size: larger;
    line-height: 30px;
}
body{
    background-color: #ecf7ff;
}
img{
    width: 20%;
    height: 20%;
}
.img{
    position: relative;
    left: 65px;
    transition: width 0.5s,height 0.5s;
    -moz-transition: width 0.5s,height 0.5s;	/* Firefox 4 */
    -webkit-transition: width 0.5s,height 0.5s;	/* Safari 和 Chrome */
    -o-transition: width 0.5s,height 0.5s;	/* Opera */
}
.img1{
    transition: width 0.5s,height 0.5s;
    -moz-transition: width 0.5s,height 0.5s;	/* Firefox 4 */
    -webkit-transition: width 0.5s,height 0.5s;	/* Safari 和 Chrome */
    -o-transition: width 0.5s,height 0.5s;	/* Opera */
}
img:hover{
    width: 100%;
    height: 100%;
    border: #cccccc 2px solid;
}